<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>课程</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript" src="js/font.js"></script>
		<link rel="stylesheet" type="text/css" href="css/class.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439148_nb77tnrgp5d.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439332_0xfp4ccae8m.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439628_18s91mtoka.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1439666_hbddk9tctes.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1446056_02ls20f77wea.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1445973_6d4k94uk30x.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1446156_6rcm13hwfi.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1446157_4afu30ojpvs.css"/>
	</head>

	<body>
		<div class="cls_web">
			<header>
				<!--头部-->
				<div class="sg_header">
					<div class="sg_nav">
						<i class="iconfont icon-daohanglan_moshi"></i>
						<span>1</span>
					</div>
					<div class="sg_header_logo">
						<img src="img/logo_03.png" />
					</div>
					<div class="sg_search">
						<i class="iconfont icon-iconfontzhizuobiaozhun023131"></i>
					</div>
				</div>
			</header>
			<section class="cls_part">
				<!--轮播图-->
				<div class="swiper">
					<img src="img/class/课程_02.png" />
					<div class="sg_img_shadow">
						<div class="sg_shadow_titl">
							<h3>预装软件得红与黑！从加法到减法</h3>
						</div>
						<div class="sg_shadow_hotclick">
							<div class="cls_time">
								<i class="iconfont icon-zhong"></i>
								<span>10月19日</span>
								<span>14:00 - 17:30</span>
							</div>
							<div class="cls_local">
								<i class="iconfont icon-weizhi"></i>
								<span>金广大厦2楼</span>
							</div>
						</div>
					</div>
				</div>
			</section>
			<section class="cls_part2">
				<div class="cls_content">
					<div class="cls_title">
						<div class="cls_member"></div>
						<div class="cls_name">
							<h3>KIMIN</h3>
							<h3>网络互动中心设计师</h3>
						</div>
						<div class="cls_bm">
							<span><a href="课程2.html">预约报名</a><i class="iconfont icon-dayuhao"></i></span>
						</div>
					</div>
					<div class="cls_title_name">
						<span>高端移动应用开发</span>
						<span>10月19日 14:00 - 17:30</span>
					</div>
					<div class="cls_type_pic">
						<img src="img/class/素材2_02.png" />
					</div>
				</div>
			</section>
			<section class="cls_part2">
				<div class="cls_content">
					<div class="cls_title">
						<div class="cls_member"></div>
						<div class="cls_name">
							<h3>KIMIN</h3>
							<h3>网络互动中心设计师</h3>
						</div>
						<div class="cls_bm">
							<span><a href="课程2.html">预约报名</a><i class="iconfont icon-dayuhao"></i></span>
						</div>
					</div>
					<div class="cls_title_name">
						<span>高端移动应用开发</span>
						<span>10月19日 14:00 - 17:30</span>
					</div>
					<div class="cls_type_pic">
						<img src="img/class/素材2_02.png" />
					</div>
				</div>
			</section>
			<section class="cls_part2">
				<div class="cls_content">
					<div class="cls_title">
						<div class="cls_member"></div>
						<div class="cls_name">
							<h3>KIMIN</h3>
							<h3>网络互动中心设计师</h3>
						</div>
						<div class="cls_bm">
							<span><a href="课程2.html">预约报名</a><i class="iconfont icon-dayuhao"></i></span>
						</div>
					</div>
					<div class="cls_title_name">
						<span>高端移动应用开发</span>
						<span>10月19日 14:00 - 17:30</span>
					</div>
					<div class="cls_type_pic">
						<img src="img/class/素材2_02.png" />
					</div>
				</div>
			</section>
			<footer>
				<!--脚步-->
				<div>
					<ul>
						<li>
							<div>
								<img src="img/shouye.png" />
							</div>
							<p><a href="header.html">首页</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<div>
								<img src="img/cimc.png" />
							</div>
							<p><a href="header.html">GIMC</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<div>
								<img src="img/wenzhang.png" />
							</div>
							<p><a href="文章.html">文章</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<div>
								<img src="img/ziyuan.png" />
							</div>
							<p><a href="资源.html">资源</a></p>
						</li>
					</ul>
					<ul>
						<li>
							<div>
								<img src="img/xueyuan.png" />
							</div>
							<p><a href="课程.html">学院</a></p>
						</li>
					</ul>
				</div>
			</footer>
		</div>
	</body>

</html>